// 示例1：

// export default function Greetings(){
//   const name = "Ali";
//   return <h1>Hello {name}</h1>;
// }

// export default function Greetings({ isLoggedIn }){
//   return (
//     <div>
//       The user is <b>{isLoggedIn ? "currently" : "not"}</b> logged in.
//     </div>
//   );
// }

import React, { Component } from "react";

class Greeting extends Component {
    constructor(props) {
        super(props);
    }

    render() {
        return <h1>Hello {this.props.name}</h1>
    }    
} 

export default Greeting;